<!DOCTYPE html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html>
<head>
    <meta charset="utf-8">
    <title>WangID通城——订单详情</title>
    <link rel="stylesheet" type="text/css" href="{{asset('org/home/css')}}/index.css">
    <link rel="stylesheet" type="text/css" href="{{asset('org/home/css')}}/ziy.css">
<!--  <script src="{{asset('org/home/js')}}/jquery-1.11.3.min.js" ></script>
    <script src="{{asset('org/home/js')}}/index.js" ></script>  -->
<!-- <script type="text/javascript" src="{{asset('org/home/js')}}/jquery1.42.min.js"></script> -->
<!--
    <script type="text/javascript" src="{{asset('org/home/js')}}/jquery-1.11.1.min.js"></script>
     <script type="text/javascript" src="{{asset('org/home/js')}}/jquery.SuperSlide.2.1.1.source.js"></script> -->

</head>
<body>
<!--头部-->

<!--头部-->
<div id="header">
    <div class="header-box">
        <h3 class="huany">WangID本地购物商城欢迎您的到来！</h3>
        <ul class="header-left">
            <li class="bj">
                <a class="dib" href="#">贵阳市</a>
                <i class="ci-leftll">
                    <s class="jt">◇</s>
                </i>
                <div class="bj-1">
                    <h3>热门城市：</h3>
                    <a href="">北京</a><a href="">上海</a><a href="">天津</a><a href="">重庆</a><a href="">河北</a><a
                        href="">山西</a><a href="">河南</a><a href="">辽宁</a><a href="">吉林</a><a href="">黑龙江</a><a
                        href="">浙江</a><a href="">江苏</a><a href="">山东</a><a href="">安徽</a><a href="">内蒙古</a><a
                        href="">湖北</a><a href="">湖南</a><a href="">广东</a><a href="">广西</a><a href="">江西</a><a
                        href="">四川</a><a href="">海南</a><a href="">贵州</a><a href="">云南</a><a href="">西藏</a><a
                        href="">陕西</a><a href="">甘肃</a><a href="">青海</a><a href="">宁夏</a><a href="">新疆</a><a
                        href="">台湾</a><a href="">香港</a><a href="">澳门</a><a href="">海外</a><a href="qieh_cs.html">全部+</a>
                </div>
            </li>
        </ul>
        <ul class="header-right">
            <li class="denglu">Hi~
                @if(Auth()->user())
                    <a class="red" href="{{route('home.user.index')}}">{{auth()->user()->mobile}}</a>
                    <a href="{{route('home.logout')}}">退出</a>
                @else
                    <a class="red" href="{{route('home.loginPage')}}">请登录!</a>
                    <a href="{{route('home.register')}}">免费注册</a>
                @endif
            </li>
            <li class="shu"></li>
            <li class="denglu"><a class="ing_ps" href="{{route('home.collect')}}">我的收藏</a></li>
            <li class="shu"></li>
        </ul>
    </div>
</div>
<div class="hongs_beij">
    <div class="beij_center">
        <div class="navitems">
            <ul>
                <li><a href="/"><span>首页</span> </a></li>
                <li>
                    <div class="zhangh_dl">
                        <div class="zhangh_dt"><span>账号设置</span><i>◇</i></div>
                        <div class="zhangh_dd">
                            <a href="{{route('home.user.info')}}">修改个人信息</a>
                            <a href="{{route('home.address.index')}}">修改收货地址</a>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <div class="nav_r">
            <div id="search_2014">
                <div class="form">
                    <input type="text" class="gerzx_text">
                    <button class="button1"></button>
                </div>
            </div>
            <div id="settleup_2014">
                <div class="cw_icon">
                    <a href="gouw_che.html"><span>购物车<em>3</em>件</span></a>
                    <i class="ci-right ">
                        <s class="jt">◇</s>
                    </i>
                </div>
                <div class="dorpdown-layer">
                    <div class="smt"><h4 class="fl">最新加入的商品</h4></div>
                    <ul>
                        <li class="meiyou">
                            <div class="gouwc_tup">
                                <a href="#"><img src="{{asset('org/home/images')}}/lieb_tupi3.jpg"></a>
                            </div>
                            <div class="gouwc_biaot">
                                <a href="#">探路者TOREAD 情侣款男士三合一套绒冲锋衣 TAWB91603 黑色 </a>
                            </div>
                            <div class="gouwc_shanc">
                                <span>￥50.00</span>
                                <a href="#">删除</a>
                            </div>
                        </li>
                        <li class="meiyou">
                            <div class="gouwc_tup">
                                <a href="#"><img src="{{asset('org/home/images')}}/lieb_tupi1.jpg"></a>
                            </div>
                            <div class="gouwc_biaot">
                                <a href="#">探路者TOREAD 情侣款男士三合一套绒冲锋衣 TAWB91603 黑色 </a>
                            </div>
                            <div class="gouwc_shanc">
                                <span>￥50.00</span>
                                <a href="#">删除</a>
                            </div>
                        </li>
                        <li class="meiyou">
                            <div class="gouwc_tup">
                                <a href="#"><img src="{{asset('org/home/images')}}/lieb_tupi2.jpg"></a>
                            </div>
                            <div class="gouwc_biaot">
                                <a href="#">探路者TOREAD 情侣款男士三合一套绒冲锋衣 TAWB91603 黑色 </a>
                            </div>
                            <div class="gouwc_shanc">
                                <span>￥50.00</span>
                                <a href="#">删除</a>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<!--内容-->
<div class="wod_tongc_zhongx">
    <div class="beij_center D_sj">
        <div class="order_state">
            <div class="state_cont">
                <div class="state_lcol">
                    <div class="state_top">订单号：{{$order['order_id']}}</div>
                    @if($order['status'] == 0)
                        <h3 class="state_txt ftx_02">待付款</h3>
                    @elseif($order['status'] == 1)
                        <h3 class="state_txt ftx_02">待发货</h3>
                    @elseif($order['status'] == 2)
                        <h3 class="state_txt ftx_02">待收货</h3>
                    @elseif($order['status'] == 3)
                        <h3 class="state_txt ftx_02">已完成</h3>
                    @endif
                    <span class="remain_time" style="display: none"><b></b></span>
                    @if($order['status'] == 2)
                        <div class="state_btns">
                            <a href="#" class="btn_1">确认收货</a>
                        </div>
                    @endif
                    @if($order['status'] == 0)
                        <div class="state_bottom">
                            <a class="btn_del" href="#" style="display: inline;">
                                <b></b>
                                取消订单
                            </a>
                        </div>
                    @endif
                </div>
                <!---->
                <div class="state_rcol">
                    <div class="state_rtop">
                        <!--提示信息 -->
                        <div class="ftx_03">
                            尊敬的客户，您的订单商品已经从库房发出，请您做好收货准备。<br>如果您已收到货物，请点击“确认收货”按钮完成订单。
                        </div>
                    </div>
                    <!---->
                    <div id="process-04" class="order-process">
                        <div class="node ready">
                            <i class="node-icon icon-start"></i>
                            <ul>
                                <li class="txt1">&nbsp;</li>
                                <li class="txt2">提交订单</li>
                            </ul>
                        </div>
                        <div class="proce done">
                            <ul>
                                <li class="txt1"></li>
                            </ul>
                        </div>
                        <div class="node ready">
                            <i class="node-icon icon-pay"></i>
                            <ul>
                                <li class="txt1">&nbsp;</li>
                                <li class="txt2">付款成功</li>
                                <li id="track_time_4" class="txt3"></li>
                            </ul>
                        </div>
                        <div class="proce done">
                            <ul>
                                <li class="txt1">&nbsp;</li>
                            </ul>
                        </div>
                        <div class="node ready">
                            <i class="node-icon icon-store"></i>
                            <ul>
                                <li class="txt1">&nbsp;</li>
                                <li class="txt2">商品出库</li>
                                <li id="track_time_1" class="txt3"></li>
                            </ul>
                        </div>
                        <div class="proce done">
                            <ul>
                                <li class="txt1">&nbsp;</li>
                            </ul>
                        </div>
                        <div class="node ready">
                            <i class="node-icon icon-express"></i>
                            <ul>
                                <li class="txt1">&nbsp;</li>
                                <li class="txt2">等待收货</li>
                                <li id="track_time_5" class="txt3"></li>
                            </ul>
                        </div>
                        <div class="proce doing" id="procestate">
                            <ul>
                                <li class="txt1">派送中</li>
                            </ul>
                        </div>
                        <div class="node wait">
                            <i class="node-icon icon-finish"></i>
                            <ul>
                                <li class="txt1" id="promise_time_2"></li>
                                <li class="txt2">完成</li>
                                <li class="txt3">&nbsp;</li>
                            </ul>
                        </div>
                    </div>
                    <!---->
                </div>
            </div>
        </div>
        <div class="order_state">
            <div class="state_cont">
                <div class="peis_xingxi">
                    <!-- 收货人信息 -->
                    <div class="dl">
                        <div class="dt">
                            <h4>收货人信息</h4>
                        </div>
                        <div class="dd">
                            <div class="item">
                                <span class="label">收货人：</span>
                                <div class="info-rcol"> {{$order->address->linkman}}</div>
                            </div>
                            <div class="item">
                                <span class="label">地址：</span>
                                <div class="info-rcol">{{$order->address->area}}{{$order->address->address}}</div>
                            </div>
                            <div class="item">
                                <span class="label">手机号码：</span>
                                <div class="info-rcol">{{$order->address->phone}}</div>
                            </div>
                        </div>
                    </div>
                    <!-- 付款信息 -->
                    <div class="dl">
                        <div class="dt">
                            <h4>付款信息</h4>
                        </div>
                        <div class="dd">
                            <div class="item">
                                <span class="label">付款方式：</span>
                                <div class="info-rcol"> 在线支付</div>
                            </div>
                            <div class="item">
                                <span class="label">商品总额：</span>
                                <div class="info-rcol"> ¥ {{$order['totalPrice']}}</div>
                            </div>
                            <div class="item">
                                <span class="label">应支付金额：</span>
                                <div class="info-rcol"> ¥ {{$order['totalPrice']}}</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="order_state">
            <div class="state_cont">
                <div class="goods-list ">
                    <table class="tb-void tb-order">
                        <colgroup>
                            <col class="grap">
                            <col class="col-goods">
                            <col class="col-number">
                            <col class="col-price">
                            <col class="col-amount">
                            <col class="col-bean">
                            <col class="col-ops">
                            <col class="grap">
                        </colgroup>
                        <thead>
                        <tr>
                            <th class="grap"></th>
                            <th>商品</th>
                            <th>单价</th>
                            <th>购买数量</th>
                            <th class="grap"></th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($order->orderList as $list)
                            <tr class="first-tr product-10420557748">
                                <td class="grap"></td>
                                <td>
                                    <div class="p-item">
                                        <div class="p-img">
                                            <a href="#" target="_blank">
                                                <img src="{{$list->goods['pics'][0]}}">
                                            </a>
                                        </div>
                                        <div class="p-info">
                                            <div class="p-name">
                                                <a href="#" class="a-link" target="_blank"
                                                   title="{{$list->goods['name']}}">{{$list->goods['name']}}</a>
                                            </div>
                                            <div class="p-extra">
                                                <span class="txt">{{$list->huopin->getAttr($list->huopin['attrs'])}}</span>
                                            </div>
                                        </div>
                                    </div>
                                </td>
                                <td><span class="f-price"> ¥{{$list->goods['price'] + $list->huopin['fujiaPrice']}} </span></td>
                                <td>{{$list['num']}}</td>
                                <td class="grap"></td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
                <div class="goods-total">
                    <ul>
                        <li class="ftx_01">
                            <span class="label">实付总额：</span>
                            <span class="txt count">¥ {{$order['totalPrice']}}</span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>

@include('layouts.message')
@include('homeLayouts.home_footer')
@include('layouts.del')

</body>
</html>
